$colors-map:(
confirm:#2d8cf0,
default:#333,
success:#19be6b,
primary:#2d8cf0,
warning:#ff9900,
error:#ed3f14, 
info:#2db7f5, 
danger:#ed3f14,
white:#fff,
gray:#c3c3c3,
);

@each $key,$value in $colors-map {
    .color-#{$key}{
        color:$value
    }
    .bg-#{$key} {
        background-color:$value;
    }
}










.color-error-shadow {
    color: rgba(237, 63, 20, 0.2)
}

.color-fff {
    color: #fff;
}

.color-content {
    color: #fff;
}

.color-sub {
    color: #999;
}

.bg-fff {
    background-color: #fff;
}

.bg-f5 {
    background-color: #f5f5f5;
}


.color-error-shadow {
    color: rgba(237, 63, 20, 0.2)
}

.color-fff {
    color: #fff;
}

.color-content {
    color: #fff;
}

.color-sub {
    color: #999;
}

.bg-fff {
    background-color: #fff;
}

